<!--
 * @Author: your name
 * @Date: 2023-03-23 17:28:39
 * @LastEditTime: 2023-04-04 16:50:43
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: \ClothMes\src\views\RWh\Nventory2.vue
-->
<template>
  <div class="main-container">
    <div style="background-color: #fff; height: 100%">
      <a-tabs   :lazy-load="true" justify type="card">
        <a-tab-pane key="1" title="五金仓库存">
          <div style="height: 100%">
            <NventoryManagement2></NventoryManagement2>
          </div>
        </a-tab-pane>
        <a-tab-pane key="2" title="化工仓库存">
          <div style="height: 100%">
            <NventoryManagement3></NventoryManagement3>
          </div>
        </a-tab-pane>
        <a-tab-pane key="3" title="胶管仓库存">
          <div style="height: 100%">
            <NventoryManagement4></NventoryManagement4>
          </div>
        </a-tab-pane>
        <a-tab-pane key="4" title="油品仓库存">
          <div style="height: 100%">
            <NventoryManagement5></NventoryManagement5>
          </div>
        </a-tab-pane>
        <a-tab-pane key="5" title="毛坯仓库存">
          <div style="height: 100%">
            <NventoryManagement6></NventoryManagement6>
          </div>
        </a-tab-pane>
        <a-tab-pane key="6" title="成品仓库存">
          <div style="height: 100%">
            <ProductStock></ProductStock>
          </div>
        </a-tab-pane>
        <a-tab-pane key="7" title="库存盘点">
          <div style="height: 100%">
            <DyeCheckStock></DyeCheckStock>
          </div>
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>
  
<script lang="ts">
import NventoryManagement2 from './components/NventoryManagement2.vue'
import NventoryManagement3 from './components/NventoryManagement3.vue'
import NventoryManagement4 from './components/NventoryManagement4.vue'
import NventoryManagement5 from './components/NventoryManagement5.vue'
import NventoryManagement6 from './components/NventoryManagement6.vue'

import ProductStock from './components/ProductStock.vue'
import DyeCheckStock from './components/DyeCheckStock.vue'

export default {
  name: 'Nventory2',
  setup() { },
  components: {
    NventoryManagement2,
    NventoryManagement3,
    NventoryManagement4,
    NventoryManagement5,
    NventoryManagement6,
    ProductStock,
    DyeCheckStock
  },
}
</script>
  
<style scoped>
.main-container {
  height: 100%;
}

:deep(.ag-cell-value) {
  user-select: initial;
  -moz-user-select: text;
  -ms-user-select: text;
  -webkit-user-select: text;
}

:deep(.arco-table-td-content) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

:deep(.ag-cell) {
  border-right: 1px solid #dde2eb;
}

:deep(.ag-header-cell) {
  border-right: 1px solid #dde2eb;
}
</style>